.floatView{
    position: fixed;
    z-index: 999999;
    bottom: 0rpx;
    right: 30rpx;
    width: 133rpx;
    height: 300rpx; 
    .edit{
       width: 133rpx;
       height: 133rpx; 
    }
   button::after {
      border: none; 
    }

    .share{
        position: relative;
        width: 124rpx;
        height: 124rpx; 
        background: rgba(0,0,0,0);
        image{
           position: absolute;
           top: 0rpx;
           left: 0rpx;
           width: 124rpx;
           height: 124rpx; 
        }
    }
     
}
// .topic-view1{
//     opacity: 0;
//     z-index: 666;
//     background: #fff;
//     border-bottom: 20rpx solid #e5e5e5;
//     border-top: 1rpx solid #e5e5e5;
//     .title{
//        font-size: 30rpx;
//        color: #666;
//        line-height: 30rpx;
//        margin-top: 30rpx;
//        margin-left: 30rpx;
//        font-weight: bold;
//     }
//     .item{
//         padding: 0rpx 30rpx 30rpx 30rpx;

//         label{
//             margin-right: 20rpx;
//             margin-top: 20rpx;
//             display: inline-block;
//             font-size: 26rpx;
//             color: #666;
//             background: #fff3e3;
//             padding: 9rpx 22rpx;
//             border-radius: 22rpx;

//         }
//         label:nth-of-type(1){
          
//            background: #fff3e3;
//            color: #ff5910;
           

//         }
        
//     }
// }
.topic-view{
    // position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    background: #fff;
	border-bottom: 20rpx solid #e5e5e5;
	border-top: 1rpx solid #e5e5e5;
    .tj_left{
        padding-left:30rpx;
        width:750rpx;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        position: relative;
        .title{
            font-size: 34rpx;
            color: #333;
        }
        view{
            text{
                vertical-align: middle;
            }
        }
        image{
            width: 20rpx;
            height: 30rpx;
            vertical-align: middle;
            margin: 0px 10rpx;
        }
        picker{
            width: 260rpx;
            position: absolute;
            left:80rpx;
            top: 0rpx;
            font-size: 28rpx;
            line-height: 60rpx;

        }
    }
	.title{
       font-size: 30rpx;
       color: #666;
       line-height: 30rpx;
       margin-top: 30rpx;
       margin-left: 30rpx;
       font-weight: bold;
	}
	.item{
		padding: 0rpx 30rpx 30rpx 30rpx;
        
        .chooseCity{
         border:1rpx solid #d1d1d1;
         display: inline-block;
         image{
            width: 20rpx;
            height: 30rpx;
            vertical-align: middle;
            margin: 0rpx 0rpx;
           }


        }
        .chooseCity{
            margin-right: 20rpx;
            margin-top: 20rpx;
            display: inline-block;
            font-size: 26rpx;
            // padding: 9rpx 22rpx;
            border-radius: 22rpx;
        }
		label{
            margin-right: 20rpx;
            margin-top: 20rpx;
            display: inline-block;
            font-size: 26rpx;
            padding: 9rpx 22rpx;
            border-radius: 22rpx;

		}
        .nomal{
            color: #666;
            background: #f2f2f2;
        }
        .select{
            color: #299cff;
            background-color: #e7f4ff;
        }
		
       
	}
}
.bbs{
    // margin-top:220rpx;
	padding: 30rpx 30rpx;
    .item:nth-of-type(1){
  
    }
	.item{
		position: relative;
        margin-bottom: 30rpx;
	   .info{
	   
	   	height: 90rpx;
			.image{
        	width: 90rpx;
        	height: 90rpx;
        	border-radius: 60rpx;
            background: #f2f2f2;
        }
        .name{
        	top: 10rpx;
        	left: 110rpx;
        	font-style: 32rpx;
        	line-height: 32rpx;
        	color: #333;
        	font-weight: bold;
            position: absolute;
            image{
                width: 26rpx;
                height: 31rpx;
                margin-left: 10rpx;

            }
        }
        // .time{
        // 	top: 79rpx;
        // 	left: 140rpx;
        // 	font-style: 24rpx;
        // 	line-height: 24rpx;
        // 	color: #999;
        //     position: absolute;
        //    }
        //     image{
        //             width: 38rpx;
        //             height: 30rpx;
        //             vertical-align: middle;
        //             margin-right: 16rpx;
        //             // &:nth-child(3){
        //             //     width: 20rpx;
        //             // } 
        //         }
		}
        .time{
                 width: 500rpx;
                 top: 60rpx;
                 left: 110rpx;
                 font-style: 24rpx;
                 line-height: 24rpx;
                 color: #999;
                 position: absolute;
                view:nth-of-type(2){
                    position:absolute;
                    top:0;
                    right: 0;
                   
                }
                image{
                    width: 24rpx;
                    height: 24rpx;
                    vertical-align: middle;
                    margin-right: 16rpx;
                    &:nth-child(3){
                        width: 20rpx;
                    } 
                }
                text{
                    vertical-align: middle;
                    margin-right: 0rpx;
                }
        }
         
        .content{
        	margin-top: 14rpx;
        	font-style: 32rpx;
        	line-height: 44rpx;
        	color:#333;
        }
        .image-list{

        	.image{
        	width: 218rpx;
        	height: 218rpx;
        	border-radius: 8rpx;
            margin-right:13rpx;
            margin-top: 26rpx;
            background: #f2f2f2;
        }
        
	}
    .label{
        margin-top: 20rpx;
        display: inline-block;
        font-size: 26rpx;
        color:#299cff;
        background: #e7f4ff;
        padding: 9rpx 22rpx;
        border-radius: 22rpx;
    }
    .speakList{
        margin-top: 30rpx;
        width: 650rpx;
        border-radius: 8rpx;
        background: #f5f5f5; 
        padding: 20rpx 20rpx 30rpx 20rpx;
        
        position: relative;
            .image{
            position: absolute;
            width: 50rpx;
            height: 50rpx;
            top: 20rpx;
            left: 16rpx;
            border-radius:25rpx;
            }
            .note{
                width: 500rpx;
                margin-left:66rpx;
                font-style: 28rpx;
                color: #333;
                span{
                  font-weight: bold;  
                }
            }
            .more{
                font-size: 26rpx;
                color: #57a4e6;
                line-height: 26rpx;
                margin-left:66rpx;
                margin-top: 16rpx;


            }
            .edit{
                position: absolute;
                width: 133rpx;
                height: 133rpx;
                right: -18rpx;
                /*top:0rpx;*/
                top: 50%;
                margin-top: -67rpx;
                
            }

     
    }
    .nums{
        display: flex;
        text-align: center;
        border-bottom: 1rpx solid #ececec;
        padding-top: 34rpx;
        padding-bottom: 26rpx;
        view{
            width: 223rpx;
            font-size: 26rpx;
            height: 29rpx;
            /*background: red;*/
            line-height: 29rpx;
            color: #a1a1a1;
            position: relative;
            .image{
                position: absolute;
                width: 32rpx;
                height: 29rpx;
                margin-right: 20rpx;
            }
            span{
                margin-left: 42rpx;
            }
        }
    }
 }

}
.more{
    text-align: center;
    color: #333;
    line-height: 40rpx;
    margin-top: -40rpx;
}